﻿<!doctype html>
<html>
<!-- InstanceBegin template="/Templates/template1.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" -->
<title>商品小类</title>
<!-- InstanceEndEditable -->
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../js/qmsk-1.2.js"></script>
<link href="../css/Pager.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../js/jquery.pager.js"></script>
<link href="../css/style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../js/utils.js"></script>
<script type="text/javascript" src="../js/shopSelecterNew.js"></script>
<script type="text/javascript" src="../js/pagination.js"></script>
<script type="text/javascript" src="../js/dataTable.js"></script>
<script type="text/javascript" src="../js/checkLogin.js"></script>
<script type="text/javascript" src="../js/doubleDate2.0.js"></script> 
<script type="text/javascript" src="../js/find.js"></script>
<script type="text/javascript" src="../js/commonSelecter.js"></script>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<script type="text/javascript" >
var _pagination = null;
/**
 * 入口，和服务器的通信从此开始
 */
$(function() {
	refreshInput($(".serWrapper"));
});

/**
 * 为查找做准备，这里主要是生成查询条件对象
 */
function toSearch() {
	$("#goodsSmlTable").empty();
	var name = $("#goodsSmlNm").val();
	var medId = $("#selectMedType").val();
	if(IsEmpty(medId)){
		medId = '';
	}
	_pagination = new Pagination({
		url : '../goodsTypeSml/find/opt',
		data : {
			name : name,
			medId : medId
		},
		success : printDataToPage,
		pageSize : 10
	});
}

/**
 * 删除一行
 */
function toDelete(id,medId,row) {
	if (IsEmpty(id)) {
		artError('未获取到主要信息！');
		return false;
	}
	
	//直接发出请求
	artConfirm("确认删除吗？", function() {
		qmsk.post("../goodsTypeSml/del",{'id' : id}, function(rst) {
			artSuccess("删除成功！");
			toSearch();
		});
	});
}


function printDataToPage(message){
	var oldBillNo = null;
	dataTable({
		tbodyId : 'goodsSmlTable',
		heads : ["code", "name", "medName", ["id","medId"]],
		rst : message,
		handler : [{
			col : 3,
			f : detail
		}],
		sup : {
			id : "sup",
			template : "共 [index] 条"
		}
	});
}

/**
 * 隐藏添加弹出层
 */
function hideAddPanel() {
	$("#window_change,#yinying1").hide();
}

/**
 * 隐藏添加弹出层
 */
function hideAddPanel1() {
	$("#window_change1,#yinying1").hide();
}

function selectMedTypeser(){
	$("#selectMedType").blur();
	initSelecter({
		url : '../goodsTypeMed/find/opt',
		heads : ["code", "name"],
		titles : ["编码", "中类名称"],
		zindex : 500,
		callBack : callBack
	});
}

function callBack(response, row) {
	var id = response.getValue('id', row);
	var name = response.getValue('name', row);
	$("#selectMedType").append("<option value='" + id + "' selected=\"selected\" >" + name + "</option>");
}

function selectMedType(){
	$("#editMedType").blur();
	$("#addMedType").blur();
	addMargin($("#window3"));
	new Pagination({
		url : '../goodsTypeMed/find/opt/',
		success : medTypeF,
		pagerHandler:'medTypePager',
		pageSize : 10
	});
	$("#window3,#yinying").show();
}

function medTypeF(message){
	dataTable({
		tbodyId : 'tMedtype',
		heads : ["code", "name", ["id"]],
		handler : [{
			col : 2,
			f : medTypebtn
		}],
		trGender:trGender,
		rst : message
	});
	addMargin($("#window3"));
}

/*
*重置tr标签
*/
function trGender(row){
	if(IsNotEmpty(row)){
		return "<tr id='Id"+row+"'></tr>";
	}
}

function medTypebtn(heads, row){
	return "<input class='common_btn' type='button' value='选择' onclick='toSelected("+heads+","+row+")'>";
}

function toSelected(id,row){
	var tpname =$("#Id"+row).find("td:eq(1)").text();
	$("#editMedType").append("<option value='" + id + "' selected=\"selected\" >" + tpname + "</option>");
	$("#addMedType").append("<option value='" + id + "' selected=\"selected\" >" + tpname + "</option>");;
	$("#window3,#yinying").hide();
}

function toAdd(){
	$("#addName").val("");
	$("#addCode").val("");
	$("#addMedType").empty();
	$("#window_change,#yinying1").show();
	addMargin($("#window_change"));
}

function toEdit(id,medId){
	$("#window_change1,#yinying1").show();	
	addMargin($("#window_change1"));
	var rst = _findInfo("../goodsTypeSml/find/id/"+id,{"id":id});
	if (IsNotEmpty(rst)){
  		$("#editMedType").append("<option value='" + getHtmlString(getHeadIndexValue(0,rst,'medId')) + "' selected=\"selected\" >" + getHtmlString(getHeadIndexValue(0,rst,'medName')) + "</option>");
		$("#editName").val(getHtmlString(getHeadIndexValue(0,rst,'name')));
		$("#editCode").val(getHtmlString(getHeadIndexValue(0,rst,'code')));
		$("#medId").val(getHtmlString(getHeadIndexValue(0,rst,'id')));
	}
}

function edit(){
	var medId = $("#editMedType").val();
	var name = $("#editName").val();
	var code = $("#editCode").val();
	var id = $("#medId").val();
	if(IsEmpty(medId)){
		art.dialog({fixed:true, lock: true,content:"中类不能为空",icon:'error',ok:true});	
		return false;
	}
	
	if(IsEmpty(name)){
		art.dialog({fixed:true, lock: true,content:"名称不能为空",icon:'error',ok:true});	
		return false;
	}
	
	if(IsEmpty(id)){
		art.dialog({fixed:true, lock: true,content:"id不能为空",icon:'error',ok:true});	
		return false;
	}
	var heads = new Array("name","code","medId" ,"id");
	var datas = new Array(name,code,medId,id);
	
	var parser = new Object();
	var jsonParserStr = null;
	if (IsNotEmpty(datas)){
		addToParser(heads, datas, "edit" , parser);
		jsonParserStr =  JSON.stringify(parser);
	}
	
	qmsk.post("../goodsTypeSml/edit", {
		data : jsonParserStr
	}, function() {
		artSuccess("修改成功！");
		hideAddPanel1();
		if (_pagination) {
			_pagination.reload();
		}
	});
}

function add() {
	var medId = $("#addMedType").val();
	var name = $("#addName").val();
	var code = $("#addCode").val();
	if(IsEmpty(name)){
		art.dialog({fixed:true, lock: true,content:"名称不能为空",icon:'error',ok:true});	
		return false;
	}
	
	if(IsEmpty(medId)){
		art.dialog({fixed:true, lock: true,content:"中类不能为空",icon:'error',ok:true});	
		return false;
	}
	var heads = new Array("name","code", "medId");
	var datas = new Array(name,code,medId);
	
	var parser = new Object();
	var jsonParserStr = null;
	if (IsNotEmpty(datas)){
		addToParser(heads, datas, "add" , parser);
		jsonParserStr =  JSON.stringify(parser);
	}
	
	qmsk.post("../goodsTypeSml/insert", {
		data : jsonParserStr
	}, function() {
		artSuccess("添加成功！");
		hideAddPanel();
		toSearch();
	});
}

function detail(heads, row){
	return	"<input class='del common_btn' type='button' value='删除' onclick='toDelete("+heads[0]+","+heads[1]+","+row+")'>"+"<input class='edit common_btn' type='button' value='修改' onclick='toEdit("+heads[0]+","+heads[1]+")'>";
}


</script>
</head>

<body>
		<div id="yinying"></div>
		<div id="yinying1"></div>
			<div class="hideDiv hideOver" id="window3" style="width: 600px;">
			 <div class="closeTop"><span class="closeThe" onclick="closeParent($(this))"><img src="../images/close.png"></span></div>
				<table id="tabMedtype" width="100%" cellspacing="1" cellpadding="0" border="0" class="member_list">
			    	<caption>商品中类列表</caption>
			    	<thead>
				    	<tr>
				        	<th>中类编码</th>
				        	<th>商品中类名称</th>
				        	<th>操作</th>
				        </tr>
			        </thead>
			        <tbody id="tMedtype">
			        </tbody>
			    </table>
 				<div id="medTypePager" class="pager"></div>
 			</div>
 			
		<!-- 添加记录 弹出层 -->
		<div Id="window_change" class="member_search hideDiv">
			<div class="closeTop">
				<span class="closeThe" onclick="closeParent($(this))"><img src="../images/close.png"></span>
			</div>
			<p>
				<label style="margin-left:140px"><span>商品小类编码：</span>
					<input type="text" id="addCode" class="absoluteTxt">
				</label>
				<label style="margin-left:140px"><span>商品小类名称：</span>
					<input type="text" id="addName" class="absoluteTxt">
				</label>
				<label style="margin-left:140px"><span>商品中类名称：</span>
					<select id="addMedType" onclick="selectMedType()"></select>
				</label>
			</p>

			<div class="submit_btn">
				<input type="button" value="保存信息" class="common_btn" id="saveButton" onclick="add()">
			</div>
		</div>
		
		<div id="window_change1" class="member_search hideDiv">
			<div class="closeTop">
				<span class="closeThe" onclick="closeParent($(this))"><img src="../images/close.png"></span>
			</div>
			<p>
				<label style="margin-left:140px"><span>商品小类编码：</span>
					<input type="text" id="editCode" class="absoluteTxt">
				</label>
				<label style="margin-left:140px"><span>商品小类名称：</span>
					<input type="text" id="editName" class="absoluteTxt">
					<input type="hidden" id="medId">
				</label>
				<label style="margin-left:140px"><span>商品中类名称：</span>
					<select id="editMedType" onclick="selectMedType()"></select>
				</label>
			</p>

			<div class="submit_btn">
				<input type="button" value="保存信息" class="common_btn" id="editButton" onclick="edit()">
			</div>
		</div>

	<div class="container" id="container">
		<div class="container_R fr">
			<div class="place">商品小类</div>
			<div class="member_search">
				<p>
					<span> 小类名称：<input type="text" id="goodsSmlNm"
						class="absoluteTxt"></span> <span>中类名称：<select
						id="selectMedType" onclick="selectMedTypeser()"></select></span> <span><input
						type="button" value="查询" class="btn" onclick="toSearch()"></span>
				</p>
			</div>
			<table width="100%" class="member_list" cellpadding="0"
				cellspacing="1" border="0" id="memberList">
				<caption>
					<strong>商品小类列表 <span id="sup">共0条</span></strong><input
						type="button" class="common_btn" value="新增" id="addColumn"
						onclick="toAdd()">
				</caption>
				<thead>
					<tr>
						<th>编码</th>
						<th>商品小类名称</th>
						<th>所属中类名称</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody id="goodsSmlTable">

				</tbody>
			</table>
			<div id="NoResult" class="Nothing"
				style="text-align: center; display: none;">无符合条件的数据！</div>
			<div id="pager" class="pager"></div>
		</div>
		<div class="fc"></div>
	</div>
	<!-- InstanceEndEditable --> 
<script type="text/javascript" src="../js/header.js"></script> 
<script type="text/javascript" src="../js/left.js"></script> 
<script type="text/javascript" src="../js/footer.js"></script> 
<script type="text/javascript">
clearThis("absoluteTxt");
</script>
</body>
<!-- InstanceEnd -->
</html>
